<template>
    <div class="networkError_page">
        <div class="lay_center">
            <img src="~img/netWordError@2x.png" alt="">
            <p>加载异常，请点击重新加载</p>
            <button class="reset_load" @click="handleReset">重新加载</button>
        </div>
    </div>
</template>
<script>
export default {
    methods: {
        handleReset() {
            window.location.reload();
        }
    }
}
</script>

<style lang="scss">
    @import 'styles/variables.scss';
    .networkError_page{
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        .lay_center{
            img{
                margin: 0 auto;
                display: block;
                width: 2.36rem;
            }
            p{
                text-align: center;
                margin:0.45rem 0px;
                font-size: 0.30rem;
                line-height: 0.42rem;
                color: $ccc;
            }
            .reset_load{
                display: block;
                margin: 0 auto;
                width: 2.52rem;
                height: 0.70rem;
                border: 0.02rem solid #525251;
                font-size: 0.30rem;
                line-height: 0.70rem;
                color:#525251;
                font-weight: 400;
                background: #ffffff;
                border-radius: 0.50rem;
            }
        }
    }
    
</style>
